<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<title>Bootstrap 实例</title>
	<meta name="viewport" content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no">
	<link rel="stylesheet" href="css/bootstrap.min.css">
	<link rel="stylesheet" type="text/css" href="css/index.css">
	<script src="https://cdn.staticfile.org/jquery/2.1.1/jquery.min.js"></script>
	<script src="js/bootstrap.min.js"></script>
	
</head>
<body>
	<!-- 顶栏 -->
	<div class="top col-lg-12 col-xs-12 col-sm-12 col-md-12">
		<div class=" col-lg-2 col-xs-1 col-sm-1 col-md-1">
		
		</div>
		<div class="top-left col-lg-6 col-xs-6 col-sm-6 col-md-6">
			我讨厌金埔园林
		</div>
		<div class="top-right col-lg-4 col-xs-4 col-sm-4 col-md-4 visible-lg-block">
			<div class="hovera col-lg-3">
				<a href=""> 金埔党建文化</a>
			</div>
			<div class="hovera col-lg-3 col-xs-3 col-sm-3 col-md-3 visible-lg-block">
				<a href=""> 企业文化</a>
			</div>
			<div class="hovera col-lg-3 col-xs-3 col-sm-3 col-md-3 visible-lg-block">
				<a href=""> OA登录</a>
			</div>
		</div>
	</div>


	<!-- 导航栏 -->
	<div class="navs col-lg-12 col-xs-12 col-sm-12 col-md-12" style="z-index:9999;">
		<div class="col-lg-2 col-sm-2">
			
		</div>
		<div class="navsimg col-lg-2 col-xs-2 col-sm-2 col-md-2 visible-lg-block">
			<img src="img/ia_100000000.png" >
		</div>
			
		<nav class="navbar navbar-default" role="navigation" style="height: 92px;">
			<div class="container-fluid"> 
				<div class="navbar-header">
					<button type="button" class="navbar-toggle" data-toggle="collapse"
							data-target="#example-navbar-collapse">
						<span class="sr-only">切换导航</span>
						<span class="icon-bar"></span>
						<span class="icon-bar"></span>
						<span class="icon-bar"></span>
					</button>
					
				</div>
				<div class="navs-text collapse navbar-collapse" id="example-navbar-collapse" style="background-color: rgba(50, 50, 50, 1);">
					<ul class="nav navbar-nav" >
						<li class="active">
							<li>
								<a href="#" class="dropdown-toggle" data-toggle="dropdown">
									关于金埔<!-- <b class="caret"></b> -->
								</a>
								<ul class="dropdown-menu">
									<li><a href="#">公司介绍</a></li>
									<li><a href="#">董事长致辞</a></li>
									<li><a href="#">金浦文化</a></li>
									<li><a href="#">业务分布</a></li>
									<li><a href="#">战略合作</a></li>
									<li><a href="#">发展历程</a></li>
									<li><a href="#">企业资质</a></li>
								</ul>
							</li>
							<li>
								<a href="#" class="dropdown-toggle" data-toggle="dropdown">
									新闻动态<!-- <b class="caret"></b> -->
								</a>
							</li>
							<li>
								<a href="#" class="dropdown-toggle" data-toggle="dropdown">
									主体业务<!-- <b class="caret"></b> -->
								</a>
								<ul class="dropdown-menu">
									<li><a href="#">设计施工一体化</a></li>
									<li><a href="#">园林工程施工</a></li>
									<li><a href="#">园林景观设计</a></li>
									<li><a href="#">工程施工养护</a></li>
									<li><a href="#">花卉苗木栽培</a></li>
								</ul>	
							</li>
							<li>
								<a href="#" class="dropdown-toggle" data-toggle="dropdown">
									科技研发<!-- <b class="caret"></b> -->
								</a>
								<ul class="dropdown-menu">
									<li><a href="#">金埔研究生</a></li>
									<li><a href="#">博士后工作站</a></li>
								</ul>
							</li>
							<li>
								<a href="#" class="dropdown-toggle" data-toggle="dropdown">
									人才战略<!-- <b class="caret"></b> -->
								</a>
								<ul class="dropdown-menu">
									<li><a href="#">人才理念</a></li>
									<li><a href="#">人才招聘</a></li>
									<li><a href="#">金埔学院</a></li>
								</ul>
							</li>
							<li>
								<a href="#" class="dropdown-toggle" data-toggle="dropdown">
									投资者关系<!-- <b class="caret"></b> -->
								</a>
								<ul class="dropdown-menu">
									<li><a href="#">公式股价</a></li>
									<li><a href="#">信息披露</a></li>
									<li><a href="#">调研报告</a></li>
								</ul>
							</li>
							<li>
								<a href="#" class="dropdown-toggle" data-toggle="dropdown">
									联系我们<!-- <b class="caret"></b> -->
								</a>
							</li>
						</li>
					</ul>
				</div>
				</div>
			</nav>
			
			
			
		</div>
		
		
		
		
		
	<!-- 轮播图 -->
	<div class="col-lg-12 col-xs-12 col-sm-12 col-md-12">
		<div class="visible-xs-block" style="height: 30px;">
			
		</div>
		<div class="col-lg-1 col-xs-1 col-sm-1 col-md-1">
		</div>
		<div id="myCarousel" class="carousel slide col-lg-10 col-xs-10 col-sm-10 col-md-10">
			<!-- 轮播（Carousel）指标 -->
			<ol class="carousel-indicators">
				<li data-target="#myCarousel" data-slide-to="0" class="active"></li>
				<li data-target="#myCarousel" data-slide-to="1"></li>
				<li data-target="#myCarousel" data-slide-to="2"></li>
				<li data-target="#myCarousel" data-slide-to="3"></li>
				<li data-target="#myCarousel" data-slide-to="4"></li>
			</ol>   
			<!-- 轮播（Carousel）项目 -->
			
			<div class="carousel-inner">
				<div class="item active">
					<img src="img/t01.jpg" alt="First slide">
				</div>
				<div class="item">
					<img src="img/t02.jpg" alt="Second slide">
				</div>
				<div class="item">
					<img src="img/t03.jpg" alt="Third slide">
				</div>
				<div class="item">
					<img src="img/t04.jpg" alt="Third slide">
				</div>
				<div class="item">
					<img src="img/t05.jpg" alt="Third slide">
				</div>
			</div>
			<!-- 轮播（Carousel）导航 -->
			<a class="left carousel-control" href="#myCarousel" role="button" data-slide="prev">
				<span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
				<span class="sr-only">Previous</span>
			</a>
			<a class="right carousel-control" href="#myCarousel" role="button" data-slide="next">
				<span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
				<span class="sr-only">Next</span>
			</a>
		</div>
		<div class="col-lg-1 col-xs-1 col-sm-1 col-md-1">
			
		</div>
	</div>
		
		
		
	<!-- 公司动态 -->
	<div class="dynamics">
		<!-- 标题 -->
		<div class="col-lg-12 col-xs-12 col-sm-12 col-md-12">
			<div class="col-lg-5 col-xs-3">
			</div>
			
			<div class="dynamics_title col-lg-2 col-xs-6 col-sm-6 col-md-6">
				<div class="dynamics_title1">公司动态</div>
				<div class="dynamics_title2">COMPANY DYNAMICS</div>
			</div>
			
			<div class="col-lg-5 col-xs-3 col-sm-5 col-md-5">
			</div>
			
		</div>
		
		<!-- 主体 -->
		<div class="dynamics_main col-lg-12 col-xs-12 col-sm-12 col-md-12">
		<!-- 公司简介 -->
		<div class="col-lg-1">
		</div>
			<div class="dynamics_left col-lg-5 col-sm-5 col-md-5">
				<div class="col-xs-12">
					<span style="font-size: 20px;">公司简介</span>
					<span style="font-size: 16px;">/</span>
					<span style="font-size: 16px;color:#C9CDD9 ;">PROFILE</span>
				</div>
				<div class="col-xs-10 col-xs-12 col-sm-10 col-md-10">
					<img src="img/dy1.jpg" >
				</div >
				<p class="col-xs-12">
					&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;金埔园林股份有限公司创立于1998年6月，
					2011年改制为南京金埔园林股份有限公司，由珠海锵创投资管理有限公司、
					南京高科新创投资有限公司、苏州新区高新技术产业股份有限公司等多家法人单位和数名自然人共同组建而成。
				</p>
			</div>
			<!-- 新闻资讯 -->
			<div class="dynamics_right col-lg-5 col-xs-12 col-sm-5 col-md-5">
				<div class=" col-xs-12">
					<div class="dynamics_right_title">
						<span style="font-size: 20px;">新闻资讯</span>
						<span style="font-size: 16px;">/</span>
						<span style="font-size: 16px;color:#C9CDD9 ;">NEWS AND INFORMATION</span>
					</div>
					<!-- <div class="col-xs-6"></div> -->
				</div>
				<div class="dynamics_right_main col-lg-12 col-xs-12 col-sm-12 col-md-12">
					<!-- <div class="col-xs-1"></div> -->
					<div class="dynamics_right_main_date col-lg-2 col-xs-2 col-sm-2 col-md-2">
						<div class="dynamics_right_date">
							<div class="dynamics_right_date_num">20</div>
							<div class="dynamics_right_date_date"><b>2021/05</b></div>
						</div>
						<div class="dynamics_right_date">
							<div class="dynamics_right_date_num">20</div>
							<div class="dynamics_right_date_date"><b>2021/05</b></div>
						</div>
						<div class="dynamics_right_date">
							<div class="dynamics_right_date_num">20</div>
							<div class="dynamics_right_date_date"><b>2021/05</b></div>
						</div>
					</div>
				
					<div class="dynamics_right_main_block col-lg-10 col-xs-10 col-sm-10 col-md-10">
						
						<div class="dynamics_right_main_block_part">
							<span><a href="">传承围棋文化全面发展，金埔初心不忘，以行践言</a></span><br />
							<p>2020年9月，中国向世界宣布了2030年前实现碳达峰、2060年前实现碳中和的目标。
							这不仅是我国积极应对气候变化的国策，也是基于科学论证的国家战略，既是从现实出发的行动目标，
							也是高瞻远瞩的长期发展战略。2021年3月15日，习近平总书记主持召开中央财经委员会第九次会议
							并发表重要讲话强调，实现碳达峰、碳中和是一场广泛而深刻的社会系统性变革，要把碳达峰、碳中和
							纳入生态文明建设整体布局。</p>
						</div>
					
						<div class="dynamics_right_main_block_part">
							<span><a href="">大咖云集，共话园林绿化新发展!</a></span><br />
							<p>为积极响应风景园林行业发展导向，服务城市园林绿化事业，由中国风景园林学会城市绿化专业委员会主办，
							江苏省风景园林协会、南京市园林工程管理协会共同协办的中国风景园林学会城市绿化专业委员会2021年会，
							经过两个多月的筹备，集结了南京市数十家园林企事业单位的共同努力，在多方力量汇聚下，大会于2021年5月15-16日
							在南京市翠屏山宾馆成功召开。本次大会吸引了来自全国各地的三百余位园林人参与，同时来自风景园林领域知名专家学者
							及相关行业的多家高校、研究院所和企业单位进行专题报告与交流。</p>
						</div>
					
						<div class="dynamics_right_main_block_part">
							<span><a href="">金埔园林受邀参加“江苏省第二届青年设计师风景园林设...</a></span><br />
							<p>为贯彻生态文明理念，构建宜居城乡环境，激发青年设计师的创新热情，引导青年人才积极投身风景园林事业，
							由江苏省风景园林协会主办，南京锦江园林景观有限公司冠名承办的江苏省第二届青年设计师风景园林设计大赛（锦江杯）
							新闻发布会于2021年3月31日隆重举行。江苏省风景园林协会理事长王翔以及来自省内13个地市园林协会（学会）、
							各专业委员会、设计单位、高等院校、园林企业代表等100多位嘉宾，出席了新闻发布会。此次发布会全程采用了在线直播方式，
							近5000人在线参与了本次活动。</p>
						</div>
					</div>
				</div>
			</div>
			<div class="col-lg-1 col-sm-1 col-md-1">
			</div>
		</div>
		
		
		
	<!-- 最新项目 -->
	<div class="project">
		<!-- 标题 -->
		<div class="project_t col-lg-12 col-xs-12 col-sm-12 col-md-12">
			<!-- 标题 -->
			<div class="col-lg-5 col-xs-3 col-sm-5 col-md-5">
			</div>
			<div class="project_title col-lg-2 col-xs-6 col-sm-2 col-md-2">
				
				<div class="project_title1">最新项目</div>
				<div class="project_title2">LATEST PROJECT</div>
				
			</div>
			<div class="col-lg-5 col-xs-3 col-sm-5 col-md-5">
			</div>
		</div>
		<!-- 主体 -->
		<div class="project_m col-lg-12 col-sm-12 col-md-12">
			<div class="col-lg-2">
			</div>
			<div class="project_main col-lg-10 col-sm-10 col-md-10">
				<div class="col-lg-12">
					<div class="project_main_img col-lg-4 col-xs-12 col-sm-4 col-md-4">
						<img src="img/pr1.jpg" >
						<div class="projct_main_imgbg">南京玄武湖菱洲儿童公园</div>
					</div>
					<div class="project_main_img col-lg-4 col-xs-12 col-sm-4 col-md-4">
						<img src="img/pr2.jpg" >
						<div class="projct_main_imgbg">香格里拉机场大门</div>
					</div>
					<div class="project_main_img col-lg-4 col-xs-12 col-sm-4 col-md-4">
						<img src="img/pr3.jpg" >
						<div class="projct_main_imgbg">宿迁迎宾大道照片</div>
					</div>
				</div>
				<div class="col-lg-12">	
					<div class="project_main_img col-lg-4 col-xs-12 col-sm-4 col-md-4">
						<img src="img/pr4.jpg" >
						<div class="projct_main_imgbg">香巴拉公园二期</div>
					</div>
					<div class="project_main_img col-lg-4 col-xs-12 col-sm-4 col-md-4">
						<img src="img/pr5.png" >
						<div class="projct_main_imgbg">南京市江北新区青龙绿带一期工程</div>
					</div>
					<div class="project_main_img col-lg-4 col-xs-12 col-sm-4 col-md-4">
						<img src="img/pr6.png" >
						<div class="projct_main_imgbg">泗县花园路绿化、新雕河堤顶路、滨河路和风味美食长廊等设计总承包项目</div>
					</div>
				</div>
			</div>
		</div>
		<!-- <div class="col-lg-1">
		</div> -->
	</div>	
	

	<!-- 公司信息 -->
	<div class="infor col-lg-12 col-sm-12 col-md-12 visible-lg-block">
		<div class="col-lg-1">
		</div>
		<div class="infor_left col-lg-5 col-sm-5 col-md-5">
			<div class="infor_left_title">金埔园林股份有限公司</div>
			<div class="infor_left_main">
				<ul>
					<li>地址：南京市江宁区东山街道润麒路70号</li>
					<li>电话：025-87763739</li>
					<li>传真：025-51871583</li>
					<li>邮箱：jinpul@126.com</li>
				</ul>
			</div>
		</div>
		<div class="infor_right col-lg-5 col-sm-5 col-md-5">
			<div class="infor_right_title">南京金埔景观规划设计院有限公司</div>
			<div class="infor_right_main">
				<ul>
					<li>地址：南京市建邺区奥体大街68号新城科技园研发总部园4A16F</li>
					<li>电话：025-58933196</li>
					<li>传真：025-58933196-8010</li>
					<li>邮箱：njjpsjy@163.com</li>
				</ul>
			</div>
		</div>
		<div class="col-lg-1 col-sm-1 col-md-1">
		</div>
	</div>

	<!-- 底部 -->
	<div class="bottom col-lg-12 col-sm-12 col-md-12 visible-lg-block">
		<div class="col-lg-1 col-sm-1 col-md-1">
		</div>
		<div class="col-lg-10 col-sm-10 col-md-10">
			<div class="bottom_list col-lg-12 col-sm-12 col-md-12">
			
				<div class="bottom_list_part col-lg-2 col-sm-2 col-md-2">
					<span class="bottom_list_title">关于金埔</span>
					<p><span style="color: #0CA33C;">—</span><span style="color: white;">————</span></p>
					<div class="bottom_list_main">
						<ul>
							<li>公司介绍</li>
							<li>董事长致辞</li>
							<li>金埔文化</li>
							<li>业务分布</li>
							<li>战略合作</li>
							<li>发展历程</li>
							<li>企业资质</li>
						</ul>
					</div>
				</div>
				
				<div class="bottom_list_part col-lg-2 col-sm-2 col-md-2">
					<span class="bottom_list_title">主体业务</span>
					<p><span style="color: #0CA33C;">—</span><span style="color: white;">————</span></p>
					<div class="bottom_list_main">
						<ul>
							<li>设计施工一体化</li>
							<li>园林工程施工</li>
							<li>园林景观设计</li>
							<li>工程施工养护</li>
							<li>花卉苗木栽培</li>
						</ul>
					</div>
				</div>
				
				<div class="bottom_list_part col-lg-2 col-sm-2 col-md-2">
					<span class="bottom_list_title">科技研发</span>
					<p><span style="color: #0CA33C;">—</span><span style="color: white;">————</span></p>
					<ul class="bottom_list_main">
						<li>金埔研究院</li>
						<li>博士后工作站</li>
					</ul>
				</div>
				
				<div class="bottom_list_part col-lg-2 col-sm-2 col-md-2">
					<span class="bottom_list_title">人才战略</span>
					<p><span style="color: #0CA33C;">—</span><span style="color: white;">————</span></p>
					<ul class="bottom_list_main">
						<li>人才理念</li>
						<li>人才招聘</li>
						<li>金埔学院</li>
					</ul>
				</div>
				
				<div class="bottom_list_part col-lg-2 col-sm-2 col-md-2">
					<span class="bottom_list_title">投资者关系</span>
					<p><span style="color: #0CA33C;">—</span><span style="color: white;">————</span></p>
					<ul class="bottom_list_main">
						<li>公司股价</li>
						<li>信息披露</li>
						<li>调研报告</li>
					</ul>
				</div>
			
			
		
		
				<div class="bottom_other col-lg-2 col-sm-2 col-md-2">
					<span class="bottom_other_title">旗下分公司</span><br />
					<select>
						<option>南京金埔园林</option>
						<option>设计院</option>
					</select>
					
					<div class="col-lg-12 col-sm-12 col-md-12">
						<div class="bottom_other_pic col-lg-6 col-sm-6 col-md-6">
							<img src="img/bo1.jpg" >
						</div>
						<div class="bottom_other_tell col-lg-6 col-sm-6 col-md-6">
							<img src="img/bo2.png" ><br />
							<img src="img/bo3.png" >
						</div>
					</div>
				</div>
			</div>
			<!-- <div class="col-lg-2">
			</div> -->
		</div>
		<div class="col-lg-1 col-sm-1 col-md-1">
		</div>
	</div>




</body>
</html>
